<style>
    .basicinfo {
        margin: 15px 0;
    }

    .basicinfo .row > .col-xs-4 {
        padding-right: 0;
    }

    .basicinfo .row > div {
        margin: 5px 0;
    }
    /*应用*/
    .appBox .desc{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        min-height: 38px;
    }
    .appBox .key{
        margin-top: 10px;
        font-size: 14px;
        width: 100%;
        height: auto;
        overflow: hidden;
        word-wrap: break-word;
    }
    .appBox .key .appid{ color: #0f4bac; }
    .appBox .key .appsec{color: #0f4bac;}
    .appBox .key span{ margin-left: 10px; color: #9f191f;}
    .appBox .status{ margin-top: 20px;}
    .appBox .action{
        margin-top: 20px;
        display:flex;justify-content: space-evenly;
    }
</style>
<div id="content-container" class="container-fluid">
    <div class="row">
        <div class="col-md-3">
            {include file="common/sidenav" /}
        </div>
        <div class="col-md-9">
            <div class="panel panel-default ">
                <div class="panel-body">
                    <h2 class="page-header">
                        <i class="fa fa-cubes fa-fw"></i>应用中心
                        <button class="btn btn-primary pull-right" id="appAdd"><i class="fa fa-plus-circle" aria-hidden="true" /></i>
                            新增应用</button>
                    </h2>
                    <div class="row">
                        {foreach name="appList" item="vo"}
                        <div class="appBox col-xs-12 col-md-4">
                            <div class="panel panel-default">
                                <div class="panel-heading">{$vo.title}({$vo.app_name})</div>
                                <div class="panel-body">
                                   <div class="desc">
                                    {$vo.desc}
                                   </div>
                                   <div class="key">
                                       <div class="appid">AppId:<span>{$vo.app_id}</span></div>
                                       <div class="appsec">AppSecret:<span>{$vo.app_secret}</span></div>
                                   </div>
                                   <div class="status">
                                       {eq name="$vo.status" value="normal"}
                                       <span class="label label-success">应用状态:正常</span>
                                       {else/}
                                       <span class="label label-default">应用状态:关闭</span>
                                       {/eq}

                                       <span class="label" style="color:#999999;">创建时间:{$vo.create_time}</span>

                                   </div>
                                   <div class="action">
                                       <a class="btn btn-warning">
                                           编辑
                                       </a>

                                       <a class="btn btn-info" href="{:url('app/live',['id'=>$vo.id])}">
                                           详情
                                       </a>
                                   </div>
                                </div>
                            </div>
                        </div>
                        {/foreach}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
